@CHARSET "UTF-8";
* CSS Document */

body
{
	margin: 0;
	padding:0;
	line-height: 1;
	font: 14px;
}

a{
	color:#333;
}
a:hover{
	text-decoration:none;
}
input
{
	padding:0;
	margin:0;
}

img
{
	border:0;
}

.wrong
{
		position:absolute; 
        margin-left:390px;      
        text-align:center;
        color:#fff;
        font-size:24px;
        font-style: italic;
	
}

.clear
{
	clear:both;
}

p
{
}

.wrapper {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.main
{
	
}

.main .wrapper 
{
	background-image:url(../img/bg.png);
	height:613px;
}

.user-panel
{
	position:absolute;
	width:250px;
	height:140px;
	border-radius:10px;
	margin:37px 37px;
	background-image:url(../img/bg-usr.png);
}

.user-panel .data
{
	width:203px;
	margin:0 auto;
	position:relative;
}

.user-panel .data .pass input
{
	padding-left:80px;
	height:24px;
	width:111px;
	font-size:14px;
	border-width:1px;
	border-radius:5px;
	color:#FFF;
	background-image:url(../img/bg-field.png);
	opacity:0.7;
}

.login input
{
	padding-left:80px;
	height:24px;
	width:111px;
	font-size:14px;
	border-width:1px;
	border-radius:5px;
	color:#FFF;
	background-image:url(../img/bg-field.png);
	opacity:0.7;
	
}

.user-panel .data .login span, .user-panel .data .pass span 
{
	position:absolute;
	color:#FFF;
	font-weight:bold;
	margin:5px 6px;
}

.user-panel .data .submit input
{
	height:30px;
	width:191px;
	color:#FFF;
	font-weight:bold;
	border-radius:5px;
	border-width:1px;
	background-image:url(../img/bg-but.png);
	opacity:0.7;
}



.cont
{
	background-color:#000;
	opacity:0.5;
	
}

.cont
{
	position:absolute;
	width:594px;
	height:56px;
	margin:300px 270px;
	border-radius:10px;
	left: -42px;
	top: -10px;
	

}
.cont-body
{
	position:absolute;
	width:600px;
	height:300px;
	margin:300px 220px;
	color:#FFF;
	text-align:center
	
	
}